<style>
  .{{$template|escape:'html'}}_table1 {
    background-image: url(images/pageasst/pagecustomer/contactbacktop.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 15px;
    margin: 57px 0 0 0;
  }
  .{{$template|escape:'html'}}_table2 {
    background-image: url(images/pageasst/pagecustomer/contactbackmiddle.png);
    background-repeat: repeat-y;
    width: 880px;
    height: 365px;
  }
  .{{$template|escape:'html'}}_table3 {
    background-image: url(images/pageasst/pagecustomer/contactbackbottom.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 15px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 50px;
    text-align: center;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 370px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 700px;
    height: 320px;
  }
  .{{$template|escape:'html'}}_table5 {
    background-image: url(images/pageasst/pagecustomer/sourcebg.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 80px;
    margin: 5px 0 0 0;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 300px;
    height: 70px;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 360px;
    height: 70px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td4 {
    height: 18px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td5 {
    height: 29px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 60px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td7 {
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    height: 15px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td9 {
    height: 29px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_img1 {
    margin: 0 15px 0 0;
  }
  .{{$template|escape:'html'}}_inputText {
    width: 200px;
    height: 21px;
  }
  .{{$template|escape:'html'}}_totalInputText {
    width: 100px;
    margin: 0 0 0 5px;
  }
  .{{$template|escape:'html'}}_inputSelect {
    width: 200px;
    height: 21px;
  }
  /*------Price Table*/
  .{{$template|escape:'html'}}_table7 {
    background-image: url(images/pageasst/pagecustomer/otherback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 79px;
    margin: 5px 0;
  }
  .{{$template|escape:'html'}}_table8{
    width: 820px;
    height: 50px;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 290px;
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td11 {
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_priceInputText {
    width: 200px;
    height: 20px;
    margin: 0 0 0 5px;
    background-color: #ffffff;
    border: solid 1px #f3773a;
  }
  /*-----new orderbtn*/
  
  .{{$template|escape:'html'}}_td12 {
    text-align: left;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td13 {
    text-align: right;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_button1 {
    cursor: pointer;
  }
  .{{$template|escape:'html'}}_table7 {
    width: 880px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_img3 {
    vertical-align: top;
  }
  /*-------Order List--------*/
  .{{$template|escape:'html'}}_table {
    width: 880px;
    height: 500px;
    margin: -11px 0 0 0;
  }
  .{{$template|escape:'html'}}_td14 {
    width：880px;
    height: 50px;
    text-align: center;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_table9 {
    width: 815px;
    height: 50px;
  }
  
  .{{$template|escape:'html'}}_table10 {
    width: 880px;
    height: 45px;
    margin: -2px 0 0 0;
  }
  
  .{{$template|escape:'html'}}_table11 {
    width: 880px;
    height: 29px;
  }
  .{{$template|escape:'html'}}_td15 {
    background-image: url(images/pageasst/pagecustomer/topback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 400px;
  }
  .{{$template|escape:'html'}}_td16 {
    width: 400px;
    height: 30px;
    text-align: left;
    vertical-align: bottom;
    padding: 0 0 0 30px;
  }
  .{{$template|escape:'html'}}_td17 {
    width: 400px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    padding: 0 0 0 30px;
  }
  .{{$template|escape:'html'}}_td18 {
    text-align: right;
    vertical-align: middle;
  }
  
  .{{$template|escape:'html'}}_td19 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    height: 60px;
    text-align: center;
    vertical-align: middle;  
  }
  .{{$template|escape:'html'}}_td20 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    height: 300px;
    vertical-align: top;
  }
  
  .{{$template|escape:'html'}}_td21 {
    width: 100px;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td22 {
    width: 250px;
    height: 29px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td23 {
    width: 200px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td24 {
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td25 {
    background-image: url(images/pageasst/pagecustomer/middleback.png);
    background-repeat: repeat;
    vertical-align: bottom;
    height: 50px;
  }
  
  .{{$template|escape:'html'}}_table12 {
    width: 815px;
    height: 45px;
  }
  .{{$template|escape:'html'}}_table13 {
    background-image: url(images/pageasst/pagecustomer/listtitlebg.png);
    background-repeat: no-repeat;
    width: 830px;
    height: 29px;
    margin: 5px 0;
   }
  .{{$template|escape:'html'}}_td26 {
    width: 680px
    height: 100px;
    text-align: right;
    vertical-align: bottom;
    padding: 0 0 10px 0;
  }
  .{{$template|escape:'html'}}_td27 {
    width: 50px;
    text-align: center;
    vertical-align: bottom;
    padding: 0 0 10px 0;
  }
  .{{$template|escape:'html'}}_td28 {
    width: 100px;
    text-align: left;
    vertical-align: bottom;
    color: red;
    font-size: 12px;
    padding: 0 0 10px 0;
  }
  .{{$template|escape:'html'}}_td29 {
    height: 100px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td30 {
    width: 50px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td31 {
    width: 100px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td32 {
    width: 100px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td33 {
    text-align: center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_quantityInput {
    width: 35px;
    text-align: center;
  }
  /*---------customer note*/
  .{{$template|escape:'html'}}_td36 {
    background-image: url(images/pageasst/pagecustomer/bottomback.png);
    background-repeat: no-repeat;
    width: 880px;
    height: 200px;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_table14 {
    width: 750px;
    height: 147px;
    margin: 0 0 20px 0;
   }
  .{{$template|escape:'html'}}_td34 {
     height: 27px;
   }
  .{{$template|escape:'html'}}_td35 {
    text-align: center;
    width: 750px;
    height: 120px;
  }
  .{{$template|escape:'html'}}_textareaInput {
    width: 840px;
    height: 120px;
    border: solid 1px #999;
    background-color: #e8e8e8;
  }
  .{{$template|escape:'html'}}_textarea {
    width: 860px;
    height: 150px;
    border: solid 1px #999;
    background-color: #e8e8e8;
  }
  .{{$template|escape:'html'}}_table15 {
    width: 860px;
    height: 50px;
  }
  .{{$template|escape:'html'}}_table16 {
    background-image: url(images/pageasst/pagecustomer/ordertypebg.png);
    background-repeat: no-repeat;
    width: 838px;
    height: 86px;
  }
  .{{$template|escape:'html'}}_table17 {
    width: 838px;
    height: 375px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      new PageCustomer(JSON.parse('{{$user|escape:javascript}}'), JSON.parse('{{$sd|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>
<div id="container">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0"></table>
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td1">
        <img src="images/pageasst/pagecustomer/attribute.png" class="{{$template|escape:'html'}}_img1"></img>
      </td>
      <td class="{{$template|escape:'html'}}_td2">
        <table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td3">
              <img src="images/pageasst/pagecustomer/iconbride.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td3">
              <img src="images/pageasst/pagecustomer/icongroom.png" ></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/name.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/name.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input1"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input2"></input>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4"> 
              <img src="images/pageasst/pagecustomer/address.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td4"> 
              <img src="images/pageasst/pagecustomer/address.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input3"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input4"></input>
            </td>
          </tr>
         
         <tr>
            <td class="{{$template|escape:'html'}}_td4"></td>
            <td class="{{$template|escape:'html'}}_td4"></td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input5"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input6"></input>
            </td>
          </tr>
         
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/phone.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/phone.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input7"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input8"></input>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/mobile.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/mobile.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input9"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input10"></input>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/email.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              <img src="images/pageasst/pagecustomer/email.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input11"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input12"></input>
            </td>
          </tr>
          <tr>
            <td></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0"></table>
  
  <table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td6"></td>
      <td class="{{$template|escape:'html'}}_td7">
        <table class="{{$template|escape:'html'}}_table6" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td8">
              <img src="images/pageasst/pagecustomer/source.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td9">
              <select class="{{$template|escape:'html'}}_inputSelect" id="input13"></select>
            </td>
          </tr>
        </table>
      </td>
  </table>
  
  <table class="{{$template|escape:'html'}}_table7" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td6"></td>
      <td class="{{$template|escape:'html'}}_td7">
        <table class="{{$template|escape:'html'}}_table8" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td10">
              <img src="images/pageasst/pagecustomer/price.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td10">
              <img src="images/pageasst/pagecustomer/received.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td10">
              <img src="images/pageasst/pagecustomer/anticipated.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td11">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input14"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td11">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input15"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td11">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="input16"></input>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  
  
  <table class="{{$template|escape:'html'}}_table9" cellPadding="0" cellSpacing="0">
    <tr>
      <td id="td1" class="{{$template|escape:'html'}}_td12">
      </td>
      <td class="{{$template|escape:'html'}}_td13">
        <img src="images/pageasst/pagecustomer/neworder.png" class="{{$template|escape:'html'}}_button1" id="button1"></img>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table10" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td14">
        <table class="{{$template|escape:'html'}}_table11" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td15" valign="top" align="center">
              <table class="{{$template|escape:'html'}}_table17" cellPadding="0" cellSpacing="0">
                <tr>
                  <td class="{{$template|escape:'html'}}_td26">
                    <img src="images/pageasst/pagecustomer/totalprice.png"></img>
                  </td>
                  <td class="{{$template|escape:'html'}}_td27" id="td3"></td>
                  <td class="{{$template|escape:'html'}}_td28" id="td4"></td>
                </tr>
                <tr>
                  <td class="{{$template|escape:'html'}}_td29" colSpan=3>
			              <table class="{{$template|escape:'html'}}_table16" cellPadding="0" cellSpacing="0">
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td16">
			                    <img src="images/pageasst/pagecustomer/ordertype.png"></img>
			                  </td>
			                </tr>
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td17">
			                    <select  class="{{$template|escape:'html'}}_inputText" id="input17"></select>
			                  </td>
			                </tr>
			              </table>
			            </td>
			          </tr>
			          <tr>
			            <td class="{{$template|escape:'html'}}_td29" colSpan=3>
                    <table class="{{$template|escape:'html'}}_table16" cellPadding="0" cellSpacing="0">
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td16">
			                    <img src="images/pageasst/pagecustomer/photopackage.png"></img>
			                  </td>
			                </tr>
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td17">
			                    <select class="{{$template|escape:'html'}}_inputText" id="input18"></select>
			                  </td>
			                </tr>
			              </table>
			            </td>
			          </tr>
			          <tr>
			            <td class="{{$template|escape:'html'}}_td29" colSpan=3>
			              <table class="{{$template|escape:'html'}}_table16" cellPadding="0" cellSpacing="0">
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td16">
			                    <img src="images/pageasst/pagecustomer/videopackage.png"></img>
			                  </td>
			                </tr>
			                <tr>
			                  <td class="{{$template|escape:'html'}}_td17">
			                    <select class="{{$template|escape:'html'}}_inputText" id="input19"></select>
			                  </td>
			                </tr>
			              </table>
			            </td>
			          </tr>
			        </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td19">
        <img src="images/pageasst/pagecustomer/productlist.png"></img>
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td20" align="center">
        <table class="{{$template|escape:'html'}}_table13" id="table1" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td21"></td>
            <td class="{{$template|escape:'html'}}_td22">
              <img src="images/pageasst/pagecustomer/name.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td23">
              <img src="images/pageasst/pagecustomer/quantityblack.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td24">
              <img src="images/pageasst/pagecustomer/price.png"></img>
            </td>
            <td class="{{$template|escape:'html'}}_td21"></td>
          </tr>
        </table>
      </td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td25" align="center">
        <table class="{{$template|escape:'html'}}_table12" cellPadding="0" cellSpacing="0">
          <tr>
            <td align="right">
              <img src="images/pageasst/pagecustomer/add.png" id="button4"></img>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    
    <tr>
      <td class="{{$template|escape:'html'}}_td25" align="center">
        <table class="{{$template|escape:'html'}}_table12" cellPadding="0" cellSpacing="0">
          <tr>
            <td align="right" id="td2"></td>
          </tr>
        </table>
      </td>
    </tr>
    
    <tr> 
      <td align="center" class="{{$template|escape:'html'}}_td36">
        <table class="{{$template|escape:'html'}}_table18" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td34">
              <img src="images/pageasst/pagecustomer/customernote.png"></img>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td35">
              <textarea class="{{$template|escape:'html'}}_textareaInput"  id="input20"></textarea>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table18" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td34">
        <img src="images/pageasst/pagecustomer/officenote.png"></img>
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td35">
        <textarea class="{{$template|escape:'html'}}_textarea"  id="input21"></textarea>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table15" cellPadding="0" cellSpacing="0">
    <tr>
      <td align="center">
        <img src="images/pageasst/pagecustomer/save.png" class="{{$template|escape:'html'}}_img3" id="button5"></img>
      </td>
    </tr>
  </table>
</div>